<template>
  <div class="BasicLayout">
    <a-layout>
      <!-- <a-layout-header :style="{ position: 'fixed', zIndex: 99, width: '100%', backgroundColor:'rgb(24, 26, 32)' }"> -->
        <NavBar />
      <!-- </a-layout-header>
      <div style="height: 60px; background: #0b0e11"></div> -->
      <router-view />
      <div style="height: 20px; background: #0b0e11"></div>
      <Footer />
    </a-layout>
  </div>
</template>

<script>
import NavBar from '../components/NavBar.vue'
import Footer from '../components/Footer.vue'
export default {
  components: {
    NavBar,
    Footer
  },
  data() {
    return {}
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped></style>
